<template>
  <el-input
    :value="modelValue"
    @input="input"
    :type="config.textAreaConfig ? 'textarea' : 'input'"
    resize="none"
    :rows="config.rows"
  ></el-input>
</template>

<script>
export default {
  name: 'NtInput',
  props: ['modelValue', 'config'],
  // data () {
  //   return {
  //     internalValue: ''
  //   }
  // },
  // watch: {
  //   internalValue: {
  //     handler (val) {
  //       this.$emit('update:modelValue', val)
  //     },
  //     immediate: true
  //   }
  // },
  methods: {
    input (val) {
      this.$emit('update:modelValue', val)
    }
  },
  beforeDestroy () {
    this.$emit('delete', this.config.prop)
  }
}
</script>

<style lang="scss" scoped></style>
